<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王者荣耀</title></title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2655671_hsxncki5ige.css">
    <link rel="stylesheet" href="./css/dfnj.css">
</head>

<body>
    <!-- header头部 -->
    <header class="w">
        <a href="tel:13292601351">呼叫</a>
        <a href="#" class="game_logo"></a>
        <div class="header_right">
            <a href="#"><i></i> 成长守护平台</a>
            <a href="#">腾讯游戏排行榜</a>
        </div>
    </header>
    <!-- 快捷导航 -->
    <nav class="header_nav">
        <div class="w">
            <h1><a href="#" class="logo"></a></h1>
            <ul>
                <li><a href="#">
                        <p>游戏资料</p>
                        <span>DATA</span>
                    </a></li>
                <li><a href="#">
                        <p>内容中心</p>
                        <span>CONTENTS</span>
                    </a></li>
                <li><a href="#">
                        <p>游戏资料</p>
                        <span>DATA</span>
                    </a></li>
                <li><a href="#">
                        <p>游戏资料</p>
                        <span>DATA</span>
                    </a></li>
                <li><a href="#">
                        <p>游戏资料</p>
                        <span>DATA</span>
                    </a></li>
                <li><a href="#">
                        <p>游戏资料</p>
                        <span>DATA</span>
                    </a></li>
                <li><a href="#">
                        <p>游戏资料</p>
                        <span>DATA</span>
                    </a></li>
            </ul>
            <i class="icon_search"></i>
            <div class="login">
                <i class="login_left"></i>
                <div class="login_right">
                    <a href="" class="login_a">
                        <p class="p1">欢迎登陆</p>
                        <p class="p2">登录后查看游戏战绩</p>
                    </a>
                </div>
            </div>

        </div>


    </nav>
    <!-- banner部分 -->
    <div class="banner w">
        <div class="banner_left">
            <a href="#"><img src="./images/banner.jpeg" title="苏烈" alt="王者别闹"></a>
            <ul>
                <li><a href="#">时光选拔赛</a></li>
                <li><a href="#">时光选拔赛</a></li>
                <li><a href="#">时光选拔赛</a></li>
                <li><a href="#">时光选拔赛</a></li>
                <li><a href="#">时光选拔赛</a></li>
            </ul>
        </div>
        <div class="banner_new">
            <ul>
                <li><a class="con_top" href="#">热门</a></li>
                <li><a class="con_top" href="#">赛事</a></li>
                <li><a class="con_top" href="#">公告</a></li>
                <li><a class="con_top" href="#">活动</a></li>
                <li><a class="con_top" href="#">新闻</a></li>
                <li><a class="con_top" href="#">...</a></li>
            </ul>
            <h3>孙尚香-水果甜心优化海报方案票选结果公布</h3>
            <ul class="content">
                <li><a href="#">
                        <i>新闻</i>
                        <p>7月1日体验服停机更新公告</p><em>07/03</em>
                    </a></li>
                <li><a href="#">
                        <i>新闻</i>
                        <p>7月1日体验服停机更新公告</p><em>07/03</em>
                    </a></li>
                <li><a href="#">
                        <i>新闻</i>
                        <p>7月1日体验服停机更新公告</p><em>07/03</em>
                    </a></li>
                <li><a href="#">
                        <i>新闻</i>
                        <p>重庆X王者荣耀，大乔白鹤梁神女皮肤今日上线</p><em>07/03</em>
                    </a></li>
                <li><a href="#">
                        <i>新闻</i>
                        <p>7月1日体验服停机更新公告</p><em>07/03</em>
                    </a></li>
                <li><a href="#">
                        <i>新闻</i>
                        <p>7月1日体验服停机更新公告</p><em>07/03</em>
                    </a></li>
                <li><a href="#">
                        <i>新闻</i>
                        <p>7月1日体验服停机更新公告</p><em>07/03</em>
                    </a></li>
            </ul>
        </div>
        <aside class="banner_aside">
            <a href="#" class="dow"></a>
            <a href="#" class="envi"></a>
            <a href="#" class="expe"></a>
        </aside>

    </div>
    <div class="quick_entrance w">
        <a href="#"><img src="./uploads/quick1.jpg" alt=""></a>
        <a href="#"><img src="./uploads/quick2.jpg" alt=""></a>
        <a href="#"><img src="./uploads/quick3.jpg" alt=""></a>
        <a href="#"><img src="./uploads/quick4.jpg" alt=""></a>
    </div>
    <article class="clearfix">
        <div class="w">
            <!-- 内容中心 -->
            <div class="clearfix_left">
                <div class="item_hd">
                    <i class="jigsaw_puzzle"></i>
                    <h2> 内容中心</h2>
                    <a href="#" class="more">更多</a>
                    <a href="#"><em class="plus"></em></a>
                </div>
                <div class="dire">
                    <div class="dire_top">
                        <a href="#">精品栏目</a>
                        <a href="#">精品栏目</a>
                        <a href="#">精品栏目</a>
                    </div>
                    <div class="dire_bottom">
                        <ul>
                            <li><a href="#">最新</a></li>
                            <li><a href="#">王者克制论</a></li>
                            <li><a href="#">王者视角</a></li>
                            <li><a href="#">策见打</a></li>
                            <li><a href="#">最新</a></li>
                            <li><a href="#">王者百姓带你飞</a></li>
                            <li><a href="#">狄仁杰封神榜</a></li>
                        </ul>
                    </div>
                </div>
                <ul class="video_list clearfix">
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="clearfix_right">
                <!-- 英雄/皮肤 -->
                <div class="hero"><i class="jigsaw_puzzle"></i>
                    <h2>英雄/皮肤</h2>
                    <a href="#" class="more">更多</a>
                    <a href="#"><em class="plus"></em></a>
                </div>
                <div class="directory">
                    <ul>
                        <li><a href="#">最新英雄</a></li>
                        <li><a href="#">最新皮肤</a></li>
                        <li><a href="#">最新英雄</a></li>
                    </ul>
                </div>
                <a href="#" class="yuanyin"><img src="./uploads/hero.jpg" alt="">
                    <h3>新英雄：云缨</h3>
                    <p>上线时间：2021.06.23</p>
                </a>
                <ul class="hero_list clearfix">
                    <li><a href="#"><img src="./uploads/hero1.jpg" alt="">
                        </a>
                        <div class="mask"><span>艾琳</span></div>
                    </li>
                    <li><a href="#"><img src="./uploads/hero1.jpg" alt="">
                        </a>
                        <div class="mask"><span>艾琳</span></div>
                    </li>
                    <li><a href="#"><img src="./uploads/hero1.jpg" alt="">
                        </a>
                        <div class="mask"><span>艾琳</span></div>
                    </li>
                    <li><a href="#"><img src="./uploads/hero1.jpg" alt="">
                        </a>
                        <div class="mask"><span>艾琳</span></div>
                    </li>
                </ul>
                <!-- kpl赛程 -->
                <div class="shaishi"><i class="jigsaw_puzzle"></i>
                    <h2>KPL赛程</h2>
                    <a href="#" class="buy"><i></i>购票</a>
                    <a href="#" class="more">更多</a>
                    <a href="#"><em class="plus"></em></a>
                    <table>
                        <tr>
                            <td>时间</td>
                            <td>战队</td>
                            <td></td>
                            <td>战队</td>
                        </tr>
                        <tr>
                            <td>06-26</td>
                            <td><i></i> 南京Hero久竞</td>
                            <td>VS</td>
                            <td><i></i> 南京Hero久竞</td>
                        </tr>
                    </table>
                    <img src="./uploads/kpl.jpg" alt="">
                </div>
            </div>
            <div class="clearfix_bottom">
                <div class="item_hd">
                    <i class="jigsaw_puzzle"></i>
                    <h2> 内容中心</h2>
                    <a href="#" class="more">更多</a>
                    <a href="#"><em class="plus"></em></a>
                </div>
                <div class="dire">
                    <div class="dire_top">
                        <a class="kk" href="#">kpl
                        </a>
                        <a class="kk" href="#">kpl
                        </a>
                        <a class="kk" href="#">kpl
                        </a>
                        <a class="kk" href="#">kpl
                        </a>
                        <a class="kk" href="#">kpl
                        </a>
                        <a class="kk" href="#">kpl
                        </a>
                        <a class="kk" href="#">kpl
                        </a>
                        <a class="kk" href="#">kpl
                        </a>
                    </div>
                    <div class="game_news clearfix">
                        <a href="#"><img src="./uploads/game.jpg" alt=""></a>
                        <div class="new_frist">
                            <h3><a href="#">王者荣耀4月第二周C组：公孙离岑中归月 DC战队顺利登顶</a></h3>
                            <h4><a href="#">2021年王者荣耀世界冠军杯选拔赛第二轮为BO1单循环赛制，一起来看看BO1赛制的英雄密码吧~</a></h4>
                            <ul>
                                <li><a href="#">
                                        <i>kpl</i>
                                        第十届KPL总决赛赛场内外全回顾，每一幕都是 “名场面”<em>06-02</em></a></li>
                                <li><a href="#">
                                        <i>kpl</i>
                                        第十届KPL总决赛赛场内外全回顾，每一幕都是 “名场面”<em>06-02</em></a></li>
                                <li><a href="#">
                                        <i>kpl</i>
                                        第十届KPL总决赛赛场内外全回顾，每一幕都是 “名场面”<em>06-02</em></a></li>
                                <li><a href="#">
                                        <i>kpl</i>
                                        第十届KPL总决赛赛场内外全回顾，每一幕都是 “名场面”<em>06-02</em></a></li>
                                <li><a href="#">
                                        <i>kpl</i>
                                        第十届KPL总决赛赛场内外全回顾，每一幕都是 “名场面”<em>06-02</em></a></li>
                                <li><a href="#">
                                        <i>kpl</i>
                                        第十届KPL总决赛赛场内外全回顾，每一幕都是 “名场面”<em>06-02</em></a></li>
                            </ul>
                        </div>
                    </div>

                </div>
                <ul class="video_list  clearfix">
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./uploads/video1.png" alt="">
                                <div class="info">
                                    <div class="play_num"><i></i>2.9万</div>
                                    <div class="date">2023/03/01</div>
                                </div>
                            </div>
                            <p class="video_title">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </article>
    <!-- 右侧妲己固定 -->
    <div class="daji">
        <div class="r_dj">
            <span>下载王者营地每天领福利</span>
        </div>
        <div class="r_code">
        </div>
        <div class="r_all">
            <a href="#"><i class="weibo"></i></a>
            <a href="#"><i class="weixin"></i></a>
            <a href="#"><i class="sph"></i></a>
        </div>
        <div class="r_navBg"></div>
    </div>
    <footer>
        <div class="w">
            <div class="logo clearfix">
                <div class="tencent_game"></div>
                <div class="timi">
                </div>
            </div>
            <div class="links w">
                <div class="links_left">
                    <p><em>抵制不良游戏</em>
                        <em>拒绝盗版游戏</em>
                        <em>注意自我保护</em>
                        <em>谨防受骗上当</em>
                        <em>适度游戏益脑</em>
                        <em>沉迷游戏伤身</em>
                        <em>合理安排时间</em>
                        <em>享受健康生活</em>
                    </p>
                    <p>《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。</p>
                </div>
                <div class="links_right">
                    <p>
                        <a href="#">腾讯互动娱乐</a>
                        <a href="#">服务条款</a>
                        <a href="#">隐私保护指引</a>
                        <a href="#">儿童隐私保护指引</a>
                        <a href="#">腾讯游戏招聘</a>
                        <a href="#">腾讯游戏客服</a>
                        <a href="#">游戏列表</a>
                        <a href="#">广告服务及商务合作</a>
                    </p>
                    <p><span>COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.</span>
                        <span class="tx">腾讯公司版权所有</span>
                        <span><i class="gswj"></i> 工商网监电子标识 | 粤网文[2020]3396-195号 | （署）网出证（粤）字第054号</span>

                        <span><i class="icplogo"></i> 文网游备字[2016]M-CSG 0059 号文网游备字[2016]M-CSG 0059 号 新广出审[2017] 6712号
                            ISBN
                            978-7-7979-8408-9
                        </span>
                        <span class="qg">全国文化市场统一举报电话：12318</spanc>
                    </p>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>